@import "variable";
@charset 'utf8';

* {
	// 定义元素宽度 = 内容宽度 + padding + border，避免元素错位
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	// 关闭横屏字体缩放
	-ms-text-size-adjust: 100%;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 1 */
	// iOS中点击元素设置为透明(transparent)
	-webkit-tap-highlight-color: transparent;
	/* 2 */
	// height: 100%;
}

body {
	font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
	color: #000;
	background-color: $default-bg;
	// 关闭横屏字体缩放
	-webkit-text-size-adjust: 100%;
	// iOS中点击元素设置为透明
	-webkit-tap-highlight-color: transparent;
	// 轮廓宽度为0
	outline: 0;
	// height: 100%;
}

html, body {
  // 页面文字不能被选中
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
	// max-width: 750px;
	// margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400;
	line-height: 2;
}

progress {
	// 基于父元素基线垂直居中
	vertical-align: baseline;
}
template,
/* 1 */
[hidden] {
	display: none;
}

a {
	// 背景透明
	background-color: transparent;
	// 超链接线条略过内联元素
	-webkit-text-decoration-skip: objects;
	// 触摸时禁用系统默认菜单
	-webkit-touch-callout: none;
	// 没有线条(多数为下划线)
	text-decoration: none;
	color: inherit;
}

a:active,
a:hover {
	// 取消轮廓
	outline-width: 0;
}

b,strong {
	// 粗体
  font-weight: bolder;
}

small {
	// 小号字体
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

img {
	// 无边框
  border-style: none;
  display: block;
}

button,
input,
optgroup,
option,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  outline: 0;
  /* 3 */
  vertical-align: middle;

}

button,
input {
  // 元素中内容溢出时，内容会显示在元素框之外
  overflow: visible;
}

button,
select {
  // 不转换文本的大小写
  text-transform: none;
}

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
	// 清除原始按钮样式
  -webkit-appearance:none;
  // 禁用轮廓
  outline:none;
  border: 0;
  // 禁用背景
  background: none;
}

[disabled] {
  cursor: default;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
	// 输入框样式
  -webkit-appearance: textfield;
  // 边框向内偏移2像素
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: none;
  font: inherit;
}

// 输入框最右边的删除和密码查看按钮
input::-ms-clear,
input::-ms-reveal {
  display: none;
}

// placeholder 半透明
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul, ol {
  list-style: none outside none;
}

// 获得焦点时样式
:focus{
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}
